<template>
  <div>
    <common-card title="今日交易用户数" value="81,014">
      <v-chart :options="getOptions()"/>
      <template v-slot:footer>
        <span>退货率</span>
        <span class="emphasis">5.14%</span>
      </template>
    </common-card>
  </div>
</template>
<script>
import CommonCardMixin from '../mixins/commonCardMixins.JS'
export default {
  mixins: [CommonCardMixin],
  methods: {
    getOptions () {
      return {
        color: ['#3398db'],
        series: [{
          type: 'bar',
          barWidth: '60%',
          data: [410, 182, 220, 334, 390, 330, 220, 150, 182, 200, 134, 90, 330, 150]
        }],
        xAxis: {
          type: 'category',
          show: false,
          data: ['00:00', '01:00', '02:00', '03:00', '04:00', '05:00', '06:00', '07:00', '08:00', '09:00', '10:00', '11:00', '12:00', '13:00']
        },
        yAxis: {
        // 隐藏属性
          show: false
        },
        // 调整位置
        grid: {
          top: 0,
          bottom: 0,
          left: 0,
          right: '10px'
        }
      }
    }
  }
}
</script>
<style scoped lang="scss">
</style>
